import { useMemo } from "react";

import { SvgProps } from "./";

/** 我的 界面 修改主题 部分 */
export default function Theme({ className, onClick }: SvgProps) {
  return useMemo(
    () => (
      <svg
        className={className}
        viewBox="0 0 1034 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="46904"
        onClick={onClick}
      >
        <path
          d="M991.976864 367.884226m-42.604921 0a42.60492 42.60492 0 1 0 85.209841 0 42.60492 42.60492 0 1 0-85.209841 0Z"
          fill="#8BC17D"
          p-id="46905"
          className="primary-l-fill"
        ></path>
        <path
          d="M142.28656 49.088278m-22.599132 0a22.599132 22.599132 0 1 0 45.198263 0 22.599132 22.599132 0 1 0-45.198263 0Z"
          fill="#8BC17D"
          p-id="46906"
          className="primary-l-fill"
        ></path>
        <path
          d="M307.519555 725.950796m-298.049204 0a298.049204 298.049204 0 1 0 596.098408 0 298.049204 298.049204 0 1 0-596.098408 0Z"
          fill="#8BC17D"
          p-id="46907"
          opacity=".4"
          className="primary-l-fill"
        ></path>
        <path
          d="M497.574548 995.287988a28.341534 28.341534 0 0 1-12.781476-3.149059L15.397992 753.736614A28.341534 28.341534 0 0 1 0.023173 728.544139a27.785818 27.785818 0 0 1 15.374819-25.007236l177.829233-90.396527-177.829233-90.396527a28.156295 28.156295 0 0 1 0-50.19971l177.829233-90.396527-177.829233-90.211288a28.341534 28.341534 0 0 1 0-50.384949L484.793072 3.149059a28.341534 28.341534 0 0 1 25.562952 0l469.39508 238.402316a28.341534 28.341534 0 0 1 0 50.384949l-177.829233 90.211288 177.829233 90.396527a28.156295 28.156295 0 0 1 0 50.19971l-177.829233 90.396527 177.829233 90.396527a27.785818 27.785818 0 0 1 15.374819 25.007236 28.341534 28.341534 0 0 1-15.374819 25.192475L510.356024 992.138929a28.341534 28.341534 0 0 1-12.781476 3.149059z m-407.340087-266.743849L497.574548 935.455861l407.340087-206.911722-165.232996-83.913169-229.325615 116.700434a28.341534 28.341534 0 0 1-25.562952 0l-229.325615-116.700434z m178.199711-140.410999l229.140376 116.515196L725.047775 589.059334a19.079595 19.079595 0 0 1 3.890015-2.037626l175.976845-89.285094-165.232996-83.91317-229.325615 116.515196a28.341534 28.341534 0 0 1-25.562952 0l-229.325615-116.515196-165.232996 83.91317 177.643995 90.211288zM90.234461 266.743849l407.340087 206.911723 227.287989-115.589002 4.075253-2.037626 175.976845-89.285095L497.574548 59.832127z"
          fill="#2c2c2c"
          p-id="46908"
          className="on-bg-l-fill"
        ></path>
      </svg>
    ),
    [onClick]
  );
}
